<template>
	<view class="all">
		<view class="often">
			<button size="mini" class="ping button" 
			@click="link('ping/ping')">
				ping模拟
			</button>
			<button size="mini" class="password_book button" 
			@click="link('passwordBook/passwordBook')">
			    密码本
			</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			link(url){
				if(url=='ping/ping'){
					uni.showToast({
						title:'功能开发中',
						position:'top'
					})
					return
				}
				uni.navigateTo({
					url:url
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
.all{
	margin: 0;
	padding: 0;
	.often{
		width: 90vw;
		margin-left: 5vw;
		height: 30vh;
		margin-top: 5vh;
		border: 1px solid gray;
		box-sizing: border-box;
		overflow: scroll;
		.button{
			width: 10vw;
			border: 1px solid black;
			background-color: white;
			color: gray;
			box-sizing: border-box;
			float: left;
		}
		.ping{
			min-width: 6rem;
			max-width: 8rem;
			left: 1vw;
			top: 1vh;
		}
		.password_book{
			left: 2vw;
			top: 1vh;
			min-width: 5rem;
			max-width: 7rem;
		}
	}
}
</style>
